.index {

  .home {
    min-height: 500px;
    background-color: rgb(249, 249, 249);

    .margins {
      margin: 0 auto;
      max-width: 1500px;
      padding: 80px 80px 0 80px;

      .left {
        float: left;
        width: 50%;

        .title {
          font-size: 45px;
          text-shadow: 2px 2px 6px rgb(200, 200, 200);
        }

        .content {
          padding-top: 40px;
          font-size: 20px;
          line-height: 45px;
        }
      }

      .right {
        width: 50%;
        float: left;
        text-align: center;
        padding: 20px 0 0 50px;

        img {
          width: 500px;
          border-radius: 10px;
        }
      }
    }
  }

  .wenhua {
    min-height: 420px;
    background-color: rgb(253, 253, 253);

    .margins {
      margin: 0 auto;
      max-width: 1500px;
      padding: 30px 80px 0 80px;

      .title {
        font-size: 20px;
        text-align: center;
      }

      .title2 {
        text-align: center;
        padding-bottom: 30px;
        font-size: 13px;
        color: rgb(150, 150, 150);
      }

      .content {
        .title {
          text-align: center;
          font-size: 16px;
          margin: -10px;
        }

        img {
          width: 100%;
          cursor: pointer;
          border-radius: 10px;
        }

        .more {
          text-align: center;
          margin: 5px 0 -10px 0;

          span {
            cursor: pointer;
          }

          span:hover {
            // text-decoration: underline; // 下划线
          }
        }
      }
    }
  }

  .gongju {
    min-height: 1150px;
    background-color: rgb(249, 249, 249);

    .margins {
      margin: 0 auto;
      max-width: 1500px;
      padding: 30px 80px 0 80px;

      .title {
        font-size: 20px;
        text-align: center;
      }

      .title2 {
        text-align: center;
        padding-bottom: 30px;
        font-size: 13px;
        color: rgb(150, 150, 150);
      }

      .content {
        .paipan {
          .left {
            float: left;
            width: 50%;

            .title {
              font-size: 17px;
            }

            .introduce {
              font-size: 15px;
              margin-top: 30px;
              line-height: 30px;
            }

            .use-button {
              margin: 0 auto;
              text-align: center;
              padding-top: 40px;

              button {
                cursor: pointer;
                width: 110px;
                height: 40px;
                background-color: rgba(255, 255, 255, 0);
                border: rgb(150, 150, 150) 1px solid;
                border-radius: 5px;
                transition: .2s;
              }

              button:hover {
                background-color: rgb(50, 50, 50);
                color: rgb(249, 249, 249);
                transition: .2s;
              }
            }
          }

          .right {
            float: left;
            width: 50%;
            text-align: center;

            img {
              width: 400px;
              border-radius: 10px;
              transition: .3s;
            }

            img:hover {
              transition: .3s;
              border-radius: 15px;
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            }
          }
        }

      }
    }
  }

  .gaikuang {
    min-height: 460px;
    background-color: rgb(253, 253, 253);

    .margins {
      margin: 0 auto;
      max-width: 1500px;
      padding: 30px 80px 0 80px;

      .title {
        font-size: 20px;
        text-align: center;
      }

      .title2 {
        text-align: center;
        padding-bottom: 30px;
        font-size: 13px;
        color: rgb(150, 150, 150);
      }

      .echarts {
        width: 350px;
        height: 350px;
        margin: 0 auto;
        text-align: center;
      }
    }
  }

}